<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="../../../static/lib/bootstrap/css/bootstrap.min.css">-->
    <style>
        .myScrollbar::-webkit-scrollbar {
            height: 10px;
            overflow: visible;
            width: 6px;

        }

        .myScrollbar::-webkit-scrollbar-corner {
            background: transparent;
        }

        .myScrollbar::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background-color: #676b70;
            background-clip: padding-box;
            border: 1px solid #cdd6db;
            border-width: 1px;
            min-height: 28px;
            max-height: 100px;
            padding: 10px 0 0;
            box-shadow: inset 0 0 2px hsla(0, 0%, 100%, .25);

        }
    </style>
</head>
<body>
<div class="myScrollbar">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        系统管理
        <span class="c-gray en">&gt;</span>
        管理员账号
        <span class="c-gray en">&gt;</span>
        添加管理员
    </nav>

    <form  method="post" class="form-horizontal">
        <div class="box-body">
            <div class="form-unit">基本信息</div>
            <div class="row">
                <div class="form-group">
                    <label class="control-label col-xs-4 col-sm-3"><span class="c-red">*</span>管理员：</label>
                    <div class=" col-xs-4 col-sm-4">
                        <input type="text" class="form-control" value="" placeholder="" id="adminName" name="adminName">
                    </div>
                </div>
                <div class="form-group">
                    <label class=" control-label col-xs-4 col-sm-3"><span class="c-red">*</span>初始密码：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <input type="password" class="form-control" autocomplete="off" value="" placeholder="密码" id="password" name="password">
                    </div>
                </div>
                <div class="form-group">
                    <label class="  control-label col-xs-4 col-sm-3"><span class="c-red">*</span>确认密码：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <input type="password" class="form-control" autocomplete="off"  placeholder="确认新密码" id="password2" name="password2">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
                    <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                        <div class="radio-box">
                            <input name="sex" type="radio" id="sex-1" checked>
                            <label for="sex-1">男</label>
                        </div>
                        <div class="radio-box">
                            <input type="radio" id="sex-2" name="sex">
                            <label for="sex-2">女</label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class=" control-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <input type="text" class="form-control" value="" placeholder="" id="phone" name="phone">
                    </div>
                </div>
                <div class="form-group">
                    <label class=" control-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <input type="text" class="form-control" placeholder="@" name="email" id="email">
                    </div>
                </div>
                <div class="form-group">
                    <label class=" control-label col-xs-4 col-sm-3">角色：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <select class="form-control" name="adminRole" size="1">
                            <option value="0">超级管理员</option>
                            <option value="1">总经理</option>
                            <option value="2">主管</option>
                            <option value="3">店员</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class=" control-label col-xs-4 col-sm-3">备注：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <textarea name="" cols="" rows="" class="form-control"  placeholder="说点什么...100个字符以内" dragonfly="true"></textarea>
                        <p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
                    </div>
                </div>
            </div>
            <div class="form-unit">授权功能菜单</div>
            <div style="padding: 0 15px;width: 400px;">
                <div class="box-ztree">
                    <ul id="treeDemo" class="ztree"></ul>
                </div>
            </div>

        </div>
        <div class="box-footer">
            <div class="row">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-ok"></i> 保 存
                    </button>&nbsp;
                    <button type="button" class="btn btn-sm btn-default">
                        <i class="glyphicon glyphicon-remove"></i> 关 闭
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    var setting = {
        check: {
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        }
    };

    var zNodes =[
        { id:1, pId:0, name:"平台", open:true},
        { id:11, pId:1, name:"基础配置", open:true},
        { id:111,pId:11,name:" 办卡配置"},
        { id:112, pId:11, name:"广告管理"},
        { id:113, pId:11, name:"服务类型配置"},
        { id:114, pId:11, name:"直通车配置"},
        { id:115, pId:11, name:"活动配置"},
        { id:12, pId:1, name:"商户管理", open:true},
        { id:121,pId:12,name:" 商户管理"},
        { id:122, pId:12, name:"流水查询"},
        { id:123, pId:12, name:"商户办卡查询"},
        { id:124, pId:12, name:"商户活动查询"},
        { id:13, pId:1, name:"客户管理", open:true},
        { id:131,pId:13,name:" 客户查询"},
        { id:132, pId:13, name:"客户办卡查询"},
        { id:133, pId:13, name:"客户流水查询"},
        { id:134, pId:13, name:"客户订单查询"},
        { id:14, pId:1, name:"服务管理", open:true},
        { id:141,pId:14,name:" 投诉建议"},
        { id:15, pId:1, name:"系统管理", open:true},
        { id:151,pId:15,name:" 管理员列表"},
        { id:152, pId:15, name:"角色管理"},
        { id:153, pId:15, name:"权限管理"},

        { id:2, pId:0, name:"商户", checked:false, open:false},
        { id:21, pId:2, name:"基础配置"},
        { id:22, pId:2, name:"商户管理", open:true},
        { id:221, pId:22, name:"商户信息维护", checked:true},
        { id:222, pId:22, name:"商户账户管理"},
        { id:223, pId:22, name:"办卡管理"},
        { id:23, pId:2, name:"人员管理"}
    ];
    $.fn.zTree.init($("#treeDemo"), setting, zNodes);
</script>
</body>
</html>